// 1.1 动态为 tabBar 页面设置数字徽标
  import {mapGetters} from 'vuex'
  // 1.2 导出一个 mixin 对象
  export default {
    computed:{
      // 1.2 将 my_cart 模块中 total 映射为当前的计算属性
      ...mapGetters('my_cart',['total'])
    },
    watch: {
      // 监听 total 值得变化
      total() {
        // 调用 methods 中的setBadge 方法 重新为tabBar 的数组徽章赋值
        this.setBadge()
      }
    },
    onShow() {
      // 1.3 在页面刚开始展示的时候，设置数字会标
      this.setBadge()
    },
    methods:{
      setBadge(){
        // 1.4 调用 uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
        uni.setTabBarBadge({
          index:2 , // 索引
          text:this.total + '' // 注意： text 的值必须是字符串，不能是数字
        })
      }
    }
  }